﻿@{
    ViewBag.Title = "CreditRequestAsignationModal";
}

			<div class="scroller" style="height:400px" data-always-visible="1" data-rail-visible1="1">
                <div class="span6 responsive" data-tablet="span12 fix-offset" data-desktop="span6">
                    <!-- BEGIN CONTROL GROUP-->
                    <div class="form-horizontal control-group row-fluid">
                        <div class="span6">
						    <label class="control-label" style="width:80px">Prioridad</label>
                            <div class="controls" style="width:100px; margin-left:90px">
							    <select class="small m-wrap" tabindex="1">
								    <option value="Category 1">Alto</option>
								    <option value="Category 2">Medio</option>
								    <option value="Category 3">Bajo</option>
							    </select>
						    </div>
                        </div>
                        <div class="span6">
                            <button type="button" class="btn pull-right green">Asignarme</button>
                        </div>
					</div>
                    <!-- END CONTROL GROUP-->
	                <!-- BEGIN EXAMPLE TABLE PORTLET-->
						            <div class="portlet box green">
							            <div class="portlet-title">
								            <div class="caption"><i class="icon-user"></i>Equipo de Trabajo - @ViewBag.workgroup.nombre</div>
							            </div>
							            <div class="portlet-body assignment">
								            <table class="table table-striped table-hover table-full-width " id="sample_1">
									            <thead>
										            <tr>
											            <th>Carga de Trabajo</th>
                                                        <th style="width:8px;"></th>
										            </tr>
									            </thead>
									            <tbody>
                                                    @{int i = 1;
                                                      string barClass = "progress active";
                                                    foreach (var user in ViewBag.memberList)
                                                    {                                                        
                                                        <tr>
											                <td>@user.nombreusuario</td>
                                                            <td>
                                                                @if (ViewBag.workloads[i] > 0.25)
                                                                {
                                                                    barClass = "progress progress-striped progress-success active";
                                                               
                                                                }
                                                                else if (ViewBag.workloads[i] > 0.5)
                                                                {
                                                                    barClass = "progress progress-striped progress-warning active";
                                                                }
                                                                else if (ViewBag.workloads[i] > 0.75)
                                                                {
                                                                    barClass = "progress progress-striped progress-danger active";
                                                                }
                                                                <div class="@barClass">
									                                <div style="width: 300px;" class="bar"></div>
								                                </div>
                                                            </td>
                                                            <td><input type="checkbox" class="checkboxes" value="1" /></td>
										                </tr> 
                                                        i++;
                                                    }								
                                                    }
									            </tbody>
								            </table>
                                        </div>
						            </div>
						            <!-- END EXAMPLE TABLE PORTLET-->
                </div>
			</div>
<div class="slimScrollBar ui-draggable" style="background: none repeat scroll 0% 0% rgb(161, 178, 189); width: 7px; position: absolute; top: 19px; opacity: 0.4; display: block; border-radius: 7px 7px 7px 7px; z-index: 99; right: 1px; height: 380.048px;"></div>
<div class="slimScrollRail" style="width: 7px; height: 100%; position: absolute; top: 0px; border-radius: 7px 7px 7px 7px; background: none repeat scroll 0% 0% rgb(51, 51, 51); opacity: 0.2; z-index: 90; right: 1px; display: none;"></div>